<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
        <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<link href="../../jquery-ui/css/redmond/jquery-ui-1.9.2.custom.css" rel="stylesheet">
	<script src="../../jquery-ui/js/jquery-1.8.3.js"></script>
	<script src="../../jquery-ui/js/jquery-ui-1.9.2.custom.js"></script>
	<script>
	$(function() {
		
		$( "#accordion" ).accordion();
		

		
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
		

		
		$( "#button" ).button();
		$( "#radioset" ).buttonset();
		

		
		$( "#tabs" ).tabs();
		

		
		$( "#dialog" ).dialog({
			autoOpen: false,
			width: 400,
			buttons: [
				{
					text: "Ok",
					click: function() {
						$( this ).dialog( "close" );
					}
				},
				{
					text: "Cancel",
					click: function() {
						$( this ).dialog( "close" );
					}
				}
			]
		});

		// Link to open the dialog
		$( "#dialog-link" ).click(function( event ) {
			$( "#dialog" ).dialog( "open" );
			event.preventDefault();
		});
		

		
		$( "#datepicker" ).datepicker({
			inline: true
		});
		

		
		$( "#slider" ).slider({
			range: true,
			values: [ 17, 67 ]
		});
		

		
		$( "#progressbar" ).progressbar({
			value: 20
		});
		

		// Hover states on the static widgets
		$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
	});
	</script>
	<style>
	body{
		font: 75% "Trebuchet MS", sans-serif;
		margin: 50px;
	}
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	</style>
</head>

<script type="text/javascript">

$(document).ready(function() {
	if($("#gender").val()==1){
		$("#UserInfo_gender_0").show();
		$("#UserInfo_gender_1").hide();
	}
	else if($("#gender").val()==2){
		$("#UserInfo_gender_0").hide();
		$("#UserInfo_gender_1").show();
	}
	
	//check married	
	if($("#married").val()==1){
		$("#UserInfo_is_married_0").show();
		$("#UserInfo_is_married_1").hide();
		$("#UserInfo_is_married_2").hide();
	}
	else if($("#married").val()==2){
		$("#UserInfo_is_married_0").hide();
		$("#UserInfo_is_married_1").show();
		$("#UserInfo_is_married_2").hide();
	}
	else if($("#married").val()==3){
		$("#UserInfo_is_married_0").hide();
		$("#UserInfo_is_married_1").hide();
		$("#UserInfo_is_married_2").show();
	}
	
});

</script>
<body>

<!-- Tabs -->
<h2 class="demoHeaders"><s:text name="resume"/></h2>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1"><s:text name="userbasicinfo"/></a></li>
		<li><a href="#tabs-2"><s:text name="workexperience"/></a></li>
		<li><a href="#tabs-3"><s:text name="educationalBackground"/></a></li>

	</ul>
	<div id="tabs-1">
		   <s:set value="#request.myUsr_userbasicinfo" id="usr_userbasicinfo" />
		   <s:hidden name="usr_userbasicinfo.id" value="#usr_userbasicinfo.id"/>
			<div  id="middle1" align="right">			
				<s:a action="findUsr_userbasicinfoById">Edit
				   <s:param name="usr_userbasicinfo.id" value="#usr_userbasicinfo.id"/>
				</s:a>
			</div>
			<div class="pos-r"></div>
            <div class="upPhoto">
			</div>
                         
            <div width="752" border="0" cellspacing="0" cellpadding="0" >
                   <p>
                       <span width="30" align="right"><i>*</i></span>
                       <span><strong><s:text name="name"/></strong></span>
                       <span>                        	
                       	<s:hidden name="usr_userbasicinfo.usr_user.id" value="#usr_userbasicinfo.usr_user.id"/> 
                       	<s:property value="#usr_userbasicinfo.name"/>                      
                       </span>
                   </p>
                   <p>
                   	<span width="30" align="right" >&nbsp;</span>
                       <span><strong><s:text name="nickname"/></strong></span>
                       <span>
                       	<s:property value="#usr_userbasicinfo.nickname"/>                                                 	
                       	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                    
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                    
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                                           
                       </span>
                   </p>
                   <p>
                       <span align="right"><i >*</i></span>
                       <span><strong><s:text name="birthday"/></strong></span>
                       <span>
                       	<s:property value="#usr_userbasicinfo.birthday"/>
                       </span>
                   </p>
                   <p>
                       <span width="30" align="right"><i >*</i></span>
                       <span><strong><s:text name="gender"/></strong></span>
                       <span>
                           <span id="UserInfo_gender">
                           	<input type="hidden" id="gender" name="gender" value="${usr_userbasicinfo.gender}"/>  	                            
                            	<label id="UserInfo_gender_0" title="sss"><s:text name="male"/></label>                  	
                           	<label id="UserInfo_gender_1"><s:text name="female"/></label>
                           </span>
                       </span>
                   </p>
                   <p>
                       <span width="30" align="right"><i>*</i></span>
                       <span><strong><s:text name="liveAddress"/></strong></span>
                       <span>
						<s:property value="#usr_userbasicinfo.bsc_addressByLiveAddressId.address"/>                    
                       </span>
                   </p>
                   <p>
                       <span width="30" align="right"><i>*</i></span>
                       <span><strong><s:text name="email"/></strong></span>
                       <span>
                       	<s:property value="#usr_userbasicinfo.usr_user.email"/> 
                       </span>
                   </p>
                  
				<p>
                       <span width="30" align="right" >&nbsp;</span>
                       <span valign="middle" colspan="2" >
                        <a id="txgdgrxx" style="color: #009BD8;" href="javascript:;" class="fc-333 moreInf"><s:text name="fillmore"/>&nbsp;
                        	<span class="arrDownInf"></span>
                        </a>
                       </span>
                </p>
			</div>
            <div  width="752" border="0" cellspacing="0" cellpadding="0" class="tb-fillin showMoreInf">
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="nationality"/></strong></span>
                    <span>  
                    	<s:property value="#usr_userbasicinfo.bsc_nationality.name"/>                      	
                    </span>
                </p>
                 <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="native"/></strong></span>
                    <span> 
                    	<s:property value="#usr_userbasicinfo.bsc_native.name"/>
                    </span>
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="idcardtype"/></strong></span>
                    <span> 
                    	<s:property value="#usr_userbasicinfo.bsc_idcardtype.name"/>
                    </span>
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="idcardNum"/></strong></span>
                    <span>
                    	<s:property value="#usr_userbasicinfo.idcardNum"/>
					</span>
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="registeredAddress"/></strong></span>
                    <span>
                    	<s:property value="#usr_userbasicinfo.bsc_addressByRegisteredAddressId.bsc_city.name"/>
                    	<s:property value="#usr_userbasicinfo.bsc_addressByRegisteredAddressId.address"/>                           
                    </span>
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="married"/></strong></span>
                    <span id="UserInfo_is_married">
                    	<input type="hidden" id="married" name="married" value="${usr_userbasicinfo.married}"/>
						<label id="UserInfo_is_married_0" ><s:text name="single"/></label>
						<label id="UserInfo_is_married_1" ><s:text name="isMarried"/></label>
						<label id="UserInfo_is_married_2" ><s:text name="Secret"/></label>
					</span>                       
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="ethnicity"/></strong></span>
                    <span>
                    	<s:property value="#usr_userbasicinfo.bsc_ethnicity.name"/> 
					</span>
                </p>
                <p>
                    <span width="30" align="right">&nbsp;</span>
                    <span width="76"><strong><s:text name="polity"/></strong></span>
                    <span>
                    	<s:property value="#usr_userbasicinfo.bsc_polity.name"/>
					</span>
                </p>
            </div>

	</div>
	
	
	
	<div id="tabs-2">
			<div >
				<s:iterator value="#request.myUsr_workexperience" id="usr_workexperience" >
				<input type="hidden" name="usr_workexperience.id"	value="#usr_workexperience.id"/>
				<div  id="middle1" align="right">	
					<s:a href="addUsrWorkexperience.jsp?usr_workexperience.usr_user.id=%{#usr_workexperience.usr_user.id}">Add					  
					</s:a>		
					<s:a action="findUsr_workexperienceById">Edit
					   <s:param name="usr_workexperience.id" value="#usr_workexperience.id"/>
					</s:a>
				</div>
				<p>
					<span align="right"><i >*</i>
					<span><strong>企业名称</strong>
						<input type="hidden" name="usr_workexperience.usr_user.id"	value="#usr_workexperience.usr_user.id"/>
						<s:property value="#usr_workexperience.cop_companyinfo.name"/>
					</span>

				</span>
				</p>
				<p>
					<span align="right"><i >*</i></span>
					<span><strong>工作时间</strong>
						从<s:property value="#usr_workexperience.startDate"/>&nbsp;到
						<s:property value="#usr_workexperience.endDate"/>
					</span>
					
				</p>
				<p>
					<span align="right">&nbsp;</span>
					<span><strong>工作性质</strong></span>
					<span>
						<s:property value="#usr_workexperience.bsc_worktype.name"/>							
					</span>
				</p>
                      <p>
					<span align="right" valign="top"><i >*</i></span>
					<span valign="top"><strong>工作描述</strong></span>
					<span>
						<s:property value="#usr_workexperience.description"/>
					</span>
				</p>
				<p>
					<span align="right">&nbsp;</span>
					<span><strong>税前月薪</strong></span>
					<span>				
						<s:property value="#usr_workexperience.salary"/>&nbsp;元
					</span>
				</p>
				
                      <p>
                       <span  align="right">&nbsp;</span>
                       <span  valign="middle" colspan="2">
                        <a href="#" style="color: #009BD8;" id="txgdgrxx">填写完整项目经验&nbsp;
                        <span class="arrDownInf"></span></a>
                    </span>
                      </p>
                      
				<s:iterator value="#request.myUsr_projectexperience" id="usr_projectexperience" >
				<div>
					<p>
						<span align="right">&nbsp;</span>
						<span ><strong>项目名称</strong></span>
						<span>
							<span id="address" >
									<i id="hiwork"></i>
									<s:property value="#usr_projectexperience.name"/>										
							</span>
						</span>
					</p>
					<p>
						<span align="right">&nbsp;</span>
						<span align="right"><strong>工作时间</strong>
							从<s:property value="#usr_projectexperience.startDate"/>&nbsp;到
							<s:property value="#usr_projectexperience.endDate"/>
						</span>
					</p>
					<p>						 
						<span align="right">&nbsp;</span>
						<span  ><strong>所在部门</strong></span>
						<span>
							<s:property value="#usr_projectexperience.bsc_department.name"/>								
						</span>
				 	</p>
				 	<p>
						<span align="right">&nbsp;</span>
						<span><strong>职位类别</strong></span>
						<span>
							<s:property value="#usr_projectexperience.bsc_jobtype.name"/>							
						</span>
					</p>
				 	<p>
						<span align="right">&nbsp;</span>
						<span><strong>职位名称</strong></span>
						<span>
							<s:property value="#usr_projectexperience.bsc_jobtitle.name"/>
						</span>
					</p>
				    <p>
						<span align="right" valign="top"><i >*</i></span>
						<span valign="top"><strong>工作描述</strong></span>
						<span>
							<s:property value="#usr_projectexperience.description"/>
						</span>
					</p>
				</div>
				</s:iterator>
				</s:iterator>
			</div>

	</div>
	
	
	
	<div id="tabs-3">
		<s:if test="!#request.myUsr_education.size()>0">
			<div  id="middle1" align="right">
				<s:a href="addUsrEducation.jsp?usr_education.usr_user.id=%{#usr_userbasicinfo.usr_user.id}">Add					  
				</s:a>
			</div>
		</s:if>
		<s:iterator value="#request.myUsr_education" id="usr_education" >
		<div  id="middle1" align="right">
			<s:a href="addUsrEducation.jsp?usr_education.usr_user.id=%{#usr_education.usr_user.id}">Add					  
			</s:a>			
			<a href="findUsr_educationById.action"><s:text name="edit"/></a>
		</div>
		<div width="752" border="0" cellspacing="0" cellpadding="0" class="tb-fillin">
		 <p>
		  <span><i class="star-fill">*</i></span>
		  <span><strong>学校名称</strong></span>
		  <s:hidden type="hidden" name="usr_education.id"	value="%{#usr_education.id}"/>
		  <s:hidden type="hidden" name="usr_education.usr_user.id"	value="%{#usr_education.usr_user.id}"/>
		  <span>
		  	<s:property value="#usr_education.bsc_school.name"/>
		  </span>
		 </p>
		 <p>
		  <span align="right"><i class="star-fill">*</i></span>
		  <span id="time"><strong>进修时间</strong></span>
		  <span>
		  	     从<s:property value="#usr_education.startDate"/>&nbsp;到
		  		<s:property value="#usr_education.endDate"/>			                
		  </span>
		 </p>
		  
		 <p>
		 <p>
		  <span><i class="star-fill">*</i></span>
		  <span><strong>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历</strong></span>
		        <span>
		        	<s:property value="#usr_education.bsc_education.name"/>	
		        </span>
		 </p>
		 <p>
		  <span><i class="star-fill" id="majorred">*</i></span>
		  <span><strong>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</strong></span>
		    <span>
		    	<s:property value="#usr_education.bsc_major.name"/>		        
		    </span>
		 </p>
		 <p>
		  <span>&nbsp;</span>
		  <span><strong>专业描述</strong></span>
		  <span>
		  	 <s:property value="#usr_education.description"/>	
		 </p>
		 <p>
		  <span>&nbsp;</span>
		  <span>&nbsp;</span>
		 </p>
		</div>
		</s:iterator>
	</div>
	
	

	
</div>



<!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
<h2 class="demoHeaders">Dialog</h2>
<p><a href="view/user/addUsrWorkexperience.jsp?usr_workexperience.id=10" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>



<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
	<p>oooooooooooooooooooo</p>
</div>





</body>
</html>